﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Search.aspx.cs" Inherits="Sbook.Search" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ Register Src="~/Control/Menu/MenuTop.ascx"  TagName="MenuTop" TagPrefix="UC" %>
<%@ Register Src="~/Control/Menu/MenuRight.ascx"  TagName="MenuRight" TagPrefix="UC" %>
<%@ Register Src="~/Control/Menu/Header.ascx"  TagName="Header" TagPrefix="UC" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="js/jquery-1.7.1.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.simplyscroll.js"></script>
<link type="text/css" rel="stylesheet" href="css/style_dssp_menuright.css" />
<script type="text/javascript">
    $(document).ready(function () {
        $(".menu_top li").hover(function () {
            $(this).find('ul:first').css({ visibility: "visible", display: "none" }).show(500)
        }, function () {
            $(this).find('ul:first').css({ visibility: "hidden" })
        });
    });
</script>
</head>

<body>
<center>
<!-- web -->
<div class="web">
	<UC:Header runat="server" ID="header1" />
<!-- danh sách sản phẩm -->
<div class="chitietsp">
    	<!-- tiêu đề sản phẩm bán chạy --> 
    	<h1>	
            Sản phẩm
        	
        </h1>
        <br />
    	<!-- sản phẩm item -->
        <asp:Repeater runat="server" ID="rptProducts">
            <ItemTemplate>         
                <div class="pro_new_item">
        	         <a href="Product_Details.aspx?Product=<%#Eval("PId") %>"><img alt="" src="<%#Eval("PImg") %>" width="198" height="115" /></a>
                     <strong><%#Eval("PName") %></strong>
                 </div> 
            </ItemTemplate>
        </asp:Repeater>
       
        <!-- close sản phẩm item-->
</div>
<!-- close danh sách sản phẩm -->

<!-- right -->
<div class="right">
	<!-- danh mục phải -->
	<div class="menu_right">
        <UC:MenuRight runat="server" ID="MenuRight"></UC:MenuRight>
    	
        <script type="text/javascript">
            $(document).ready(function () {
                $("div.right div.menu_right ul:not(first)").hide();
                $('ul#f1').show();
                $('h2.menu_head').click(function () {

                    $('.active').removeClass('active');
                    $(this).addClass('active');
                    $('ul').slideUp('slow');
                    $(this).next('ul').slideDown('slow');
                    var content_show = $(this).attr('title');
                    $('#' + content_show).slideDown('slow');

                });
            });
		</script>
    </div>
    <!-- close danh mục phải -->
</div>
<!-- close right -->
<!-- footer --> 
<div class="footer">
</div>
<!-- close footer -->
</div>
<!-- close web -->
</center>
</body>
</html>


